@charset "utf-8";
/* CSS Document */

*{ margin:0px; padding:0px;}
body{ overflow-x:hidden;}
ul,li,ol{ list-style:none;}
a{ text-decoration:none;}
img{ border:none;}
.clear{ width:100%; clear:both;}



/*top*/
.top{ width:100%; height:118px; background:#FFF;}
.top_c{ position:relative; width:1200px; height:118px; margin-left:-600px; left:50%;}
.top_fl{ float:left; width:300px; height:118px; background:url(../imgcc/logo.png) left center no-repeat;}
.top_fr{ float:right; width:264px; height:118px; background:url(../imgcc/top_fr.png) left center no-repeat;}
.top_cen{ float:right; height:118px; margin-right:30px;}
.top_cen a{ float:left; margin-left:20px; padding:0px 10px; height:115px; line-height:115px; font-size:20px; color:#333;}



/*shutter*/
.shutter{ position:relative; width:100%; z-index:-50; overflow:hidden;}
.shutter-img{ z-index:1;}
.shutter-img,
.shutter-img a{ position:absolute; left:0; top:0; width:100%;}
.shutter-img a{ cursor:default;}
.shutter-img a>img{ width:100%;}
.shutter-img .created{ overflow:hidden; position:relative; z-index:20;}



/*fwxm*/
.fwxm{ width:100%; height:770px; background:url(../imgcc/bg_Ca.png) top 40px center no-repeat;}
.fwxm_cen{ position:relative; width:1180px; left:50%; margin-left:-590px;}
.fwxm_cen a{ float:left; width:198px; height:68px; line-height:68px; text-align:center; font-size:21px; color:#555; border:1px solid #f5f5f5; box-shadow:0px 0px 5px rgba(219,219,219,0.7); margin:0px 18px; margin-bottom:26px; background:#FFF;}

.fwxm_cen_tit{ float:left; width:1180px; height:83px; padding-top:80px; padding-bottom:30px; text-align:center;}



/*alxs*/
.alxs{ position:relative; width:1920px; left:50%; margin-left:-960px;}



/*cgal*/
.cgal{ position:relative; width:1200px; left:50%; margin-left:-600px; margin-bottom:70px;}
.cgal a{ float:left; position:relative; width:230px; height:184px; box-shadow:0px 0px 8px rgba(0,0,0,0.3); break-inside:avoid; display:inline-block; margin:5px;}
/*.cgal a span{ float:left; width:230px !important; height:140px !important; overflow:hidden;}*/
.cgal a img{ float:left; width:230px; height:140px;}
.cgal a div{ float:left; width:calc(100% - 60px); height:44px; line-height:44px; font-size:16px; color:#777; padding-right:44px; padding-left:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:url(../imgcc/lian.png) right 10px center no-repeat;}
.cgal p{ opacity:0; position:absolute; top:0; width:100%; height:calc(100% - 44px); background:url(../imgcc/hoverf.png) center center no-repeat rgba(207,27,34,0.85);}
.cgal_more{ width:100%; margin:30px 0px; text-align:center;}
.cgal_more a{ display:inline-block; padding:0px 20px; height:40px; line-height:40px; font-size:14px; color:#777; border:1px solid #777;}



/*xwzx*/
.xwzx{ position:relative; width:1920px; height:185px; left:50%; margin-left:-960px; background:url(../imgcc/c3d.png) center center no-repeat #f4f4f4;}
.xwzx span{ display:block; width:1200px; height:185px; margin:0 auto;}
.xwzx span a{ float:right; width:185px; height:185px; background:url(../imgcc/dgg.png) center center no-repeat; display:inline-block;}



/*list*/
.list{ position:relative; width:1200px; left:50%; margin-left:-600px;}
.list_fl{ float:left; width:660px; margin-left:40px;}
.list_fl_top{ float:left; width:660px; height:65px; margin-top:40px;}
.list_fl_top a{ float:left; width:90px; height:65px; display:block; margin-right:20px;}
.list_fl_top a div { position:absolute; width:90px; height:20px; display:block; margin-top:20px; background:url(../imgcc/dfg.png) bottom center no-repeat; z-index:9;}
.list_fl_top a font{ position:absolute; width:84px; height:20px; display:block; margin-top:25px; background:url(../imgcc/dfg.png) top center no-repeat; z-index:9;}
.list_fl_top a span{ float:left; position:relative; width:90px; height:25px; margin-top:20px; line-height:23px; text-align:center; font-size:16px; color:#000; background:#FFF; z-index:10;}

.list_fl_top_ahover div{ margin-top:0px !important; margin-left:9px !important;}
.list_fl_top_ahover font{ margin-top:44px !important; margin-left:-9px !important;}
.list_fl_top_ahover span{ background:#d41f2e !important; color:#FFF !important;}

.list_fl_bot{ display:none; float:left; width:660px; height:432px; padding-top:20px; overflow:hidden;}
.list_fl_bot a{ float:left; width:660px; height:50px; /* height:92px; margin-top:20px;*/ border-bottom:1px dashed #d9d9d9;}
.list_fl_bot a div{ float:left; width:620px; height:50px; line-height:50px; font-size:16px; color:#444; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:40px; background:url(../imgcc/dian.jpg) left 15px center no-repeat;}
.list_fl_bot a span{ float:left; width:660px; height:36px; line-height:18px; font-size:14px; color:#999; margin-bottom:20px;}
.list_fl_bot a:hover div{ color:#FF0004 !important;}

.list_fr{ float:right; margin-right:40px; margin-top:40px;}



/*dawplo*/
.dawplo{ position:relative; width:1920px; height:356px; left:50%; margin-left:-960px; margin-top:70px; background:url(../imgcc/dawkk.png) top center no-repeat #e82233;}



/*ppal*/
.ppal{ position:relative; width:1920px; left:50%; margin-left:-960px; background:url(../imgcc/koio.png) bottom center no-repeat; min-height:500px;}
.ppal_img{ width:1200px; height:92px; margin:0px auto; padding-top:64px; padding-bottom:40px; text-align:center;}
.ppal_bot{ width:1200px; margin:0px auto; padding-bottom:200px;}
.ppal_bot a{ float:left; width:238px; height:110px; line-height:110px; text-align:center; border:1px solid #e5e5e5; margin-left:-1px; margin-top:-1px; color:#444; font-size:18px;}
.ppal_bot a:hover{ box-shadow:0px 0px 3px rgba(0,0,0,0.3);}
.ppal_bg{ position:absolute; width:300px; height:100%; z-index:-99; background:url(../imgcc/fer.png) left center no-repeat; top:0px; left:0px;}



/*foot*/
.foot{ position:relative; width:1920px; left:50%; margin-left:-960px; background:#24264b; padding:50px 0px;}
.foot_cen{ width:1200px; margin:0 auto;}

.foot_fl{ float:left; width:620px; background:url(../imgcc/xian.png) right center no-repeat;}
.foot_fl_div{ float:left; width:150px;}
.foot_fl_div div{ float:left; width:150px; height:40px; line-height:25px; color:#FFF; font-size:18px; font-weight:bold;}
.foot_fl_div a{ float:left; width:150px; height:26px; line-height:26px; color:#888; font-size:12px;}
.foot_fl_div a:hover{ color:#FFF;}

.foot_ctn{ float:left; width:144px; line-height:40px; color:#FFF; font-size:15px; margin-left:50px; text-align:center;}
.foot_ctn img{ width:144px;}

.foot_fr{ float:right; width:340px; line-height:24px; color:#888; font-size:14px;}
.foot_fr img{ margin-bottom:20px;}



/*di*/
.di{ position:relative; width:1920px; left:50%; margin-left:-960px; background:#222;}
.di_cen{ width:1200px; margin:0 auto;}
.di_cen_fl{ float:left; width:1200px;}
.di_cen_fr{ display:none; float:right; width:90px; height:108px;}
.di_top{ float:left; width:1200px; border-bottom:1px solid #666;}
.di_top *{ float:left; display:inline-block; margin-right:15px; height:54px; line-height:54px; font-size:16px; color:#666;}
.di_bot{ float:left; width:1200px;}
.di_bot *{ float:left; display:inline-block; margin-right:15px; height:54px; line-height:54px; font-size:12px; color:#666;}
.di_bot span{ float:right;}